<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="always" name="referrer">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>订单</title>
		<link rel="stylesheet" href="/LianniuWeb/tea/css/reset.css">
		<link rel="stylesheet" href="/LianniuWeb/tea/views/order/order.css">
	</head>

	<body>
		<div id="order">
			<!-- <div class="order-top">
				<div class="con-top">
					<p>待付款</p>
					<span>赶紧付款吧~</span>
				</div>
			</div>
			<div class="now-address">
				<p class="name">收件人：苏芒<span>18100107856</span></p>
				<p class="now-con">北京市 海淀区 大学路 青年公寓1号楼501室</p>
			</div>
			<div class="split-line"></div>
			<div class="pro-item">
				<div class="shop-box">
					<span>德盛茶叶行</span>
				</div>
				<div class="pro-box">
					<div class="pro-list clear">
						<img src="http://f12.baidu.com/it/u=3258690773,159948086&amp;fm=72" alt="" class="fl">
						<div class="skill-box fr">
							<p class="skill-name">2017年浓香型铁观音</p>
							<p class="num clear">¥50.00<span class="fr">×1</span></p>
						</div>
					</div>
				</div>
				<div class="num-box clear">
					<span class="fl">运费</span>
					<span class="all-num fr">￥0.00</span>
				</div>
				<div class="num-box clear">
					<span class="fl">订单总价</span>
					<div class="buy-num fr">￥<span>1000</span></div>
				</div>
			</div>
			<div class="order-box">
				<p>订单编号：123245145632155</p>
				<p>创建时间：2017-08-12 17:23:12</p>
				<p>付款时间：2017-08-12 18:10:24</p>
			</div> -->
		</div>
		
		<div id="like">
			<!-- <div class="recommend-box">
				<div class="recommend-tit">猜你喜欢</div>
			</div>
			<div class="pro-list-b clear">
				<div class="fl pro-item-b">
					<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=657019008,1482783331&amp;fm=200&amp;gp=0.jpg" alt="">
					<div class="name-box clear">
						<p class="fr normap">铁观音茶叶 浓香型</p>
					</div>
					<div class="num-box clear">
						<div class="fl">￥<span>1000</span></div>
						<p class="fr">已售230件</p>
					</div>
				</div>
				<div class="fr pro-item-b">
					<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=657019008,1482783331&amp;fm=200&amp;gp=0.jpg" alt="">
					<div class="name-box clear">
						<p class="fr normap">铁观音茶叶 浓香型</p>
					</div>
					<div class="num-box clear">
						<div class="fl">￥<span>1000</span></div>
						<p class="fr">已售230件</p>
					</div>
				</div>
			</div> -->
		</div>
		<div id="pay">
			 <!-- <div class="total-box">
				<div class="go-shop">去付款</div>
				<span>取消订单</span>
			</div>  -->
		</div>
		<!--弹框-->
		<div id="areaMask" class="mask"></div>
		<div class="buy-pop">
			<div class="buy-close">
				确认付款
				<span class="close" id="closeArea"></span>
			</div>
			<div class="buy-num-s">￥<span id="payPrice">50.00</span></div>
			<div class="pop-item clear own-pay">
				<span class="buy-style1 fl">余额</span>
				<span class="chose-style fr" value="0"></span>
			</div>
			<div class="pop-item clear">
				<span class="buy-style2 fl">微信</span>
				<span class="chose-style fr chose-sel" value="1"></span>
			</div>
			<div class="buy-btn-b">立即付款</div>
		</div>
		<script src="/LianniuWeb/tea/js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="/LianniuWeb/tea/js/flexible.js"></script>
		<script type="text/javascript" src="/LianniuWeb/js/commons/commons.js"></script>
		<script type="text/javascript"
			src="/LianniuWeb/tea/views/order/order.js"></script>
		<script>
			/* $('.go-shop').on('click', function() {
				$('.mask, .buy-pop').css({
					'display': 'block'
				}) 
			}); */
			$('.pop-item').on('click', function() {
				$(this).children('.chose-style').addClass('chose-sel');
				$(this).siblings().children('.chose-style').removeClass('chose-sel')
			});

			function clockArea() {
				$("#areaMask").fadeOut();
				$('.buy-pop').fadeOut();
			}
			$("#areaMask, #closeArea").on('click', function() {
				clockArea();
			});
			/* $('.buy-btn-b').on('click', function() {
				if($('.own-pay').children('.chose-style').hasClass('chose-sel')) {
					var yanzhengma = window.prompt("输入登录密码", "")
					if(yanzhengma == 123) {
						alert("ok");
					} else {
						alert("false");
					}
				}
			}) */
		</script>
	</body>

</html>